<!-- <div class="col-xs-12">
	<div class="row">
		<div class="col-md-4">
			<div class="panel panel-default">
				<div class="panel-heading">
					<b>基本信息</b>
				</div>
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td class="col-xs-4 text-center">姓名</td>
							<td class="col-xs-8">{{userobj.name}}</td>
						</tr>
						<tr>
							<td class="col-xs-4 text-center">手机</td>
							<td class="col-xs-8">{{userobj.mobile}}</td>
						</tr>
						<tr>
							<td class="col-xs-4 text-center">用户名</td>
							<td class="col-xs-8">{{userobj.loginName}}</td>
						</tr>
						<tr>
							<td class="col-xs-4 text-center">所属机构</td>
							<td class="col-xs-8">{{userobj.company_name}}</td>
						</tr>
						<tr>
							<td class="col-xs-4 text-center">预存余额</td>
							<td class="col-xs-8">
								{{userobj.balance_price | currency : '￥'}} &nbsp;&nbsp;
								<button type="button" class="btn btn-success btn-xs" ng-show="userobj.balance_price !== undefined" ng-click="detail(userobj)">明细</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<div class="panel panel-default">
				<div class="panel-heading">
					<b>平台服务</b>
				</div>

				<ul class="service_list list-group ">
					<li class="list-group-item">在线客服:4009900601</li>
					<li class="list-group-item">技术咨询:4009900601</li>
					<li class="list-group-item">投诉建议:4009900601</li>
				</ul>

			</div>
		</div>
		<div class="col-md-8">

			<div class="panel panel-default">
				<div class="panel-heading">
					<strong>系统公告</strong>
				</div>

				<ul class="list-group">
					<li class="list-group-item" ng-repeat='obj in objs' ng-click='info(obj.id)' style="cursor: pointer;">
						{{obj.title}}
						<span class="small" style="float:right; color: #999;">{{obj.sdate}}</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div> -->
<style type="text/css">
  .green_font {
    color: #090;
  }
  .updateOwn {
    color: #23b7e5;
    cursor: pointer;
  }
  .red_font {
    color: #f00;
  }
  .notice-style {
    padding: 5px 15px;
  }
  .no_notice {
    line-height: 104px;
  }
  .icon-style {
    color: #23b7e5;
    vertical-align: middle;
  }
  .more-notice {
    font-size: 12px;
    cursor: pointer;
    padding-top: 4px;
    color: #23b7e5;
  }
  .btn-a {
    margin-left: 10px;
    margin-bottom: 4px;
  }
</style>
<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="app.settings.asideFolded = false; app.settings.asideDock = false;"> 

  <div class="col">
    <!-- 上侧个人信息 -->
    <div class="bg-light lter b-b wrapper-md" style="padding-bottom: 10px">
      <div class="row">
        <img ng-src={{userobj.photo}} style="width: 70px; height: 70px; margin-left: 14px" class="pull-left img-circle">
        <div class="col-sm-6">
          <h4 class="m-n font-thin h4 text-black">{{userobj.name}} 
            <span class="h5 text-muted">&nbsp;&nbsp;&nbsp;&nbsp;所属商户：{{userobj.company_name}}</span>
          </h4>
          <h5 class="text-muted">
            手机号：{{userobj.mobile}} <i class="fa fa-pencil updateOwn" ng-click="goToOwn()" />
            <!-- <span>&nbsp;&nbsp;丨&nbsp;上次登录时间：{{userobj.oldLoginDate | limitTo: 10}}</span> -->
            <span>&nbsp;&nbsp;丨&nbsp;登录时间：{{userobj.time}}</span>
          </h5>
          <span class="h5 updateOwn" ng-show="showDownCompany" ng-click="auditDown()">待审核分销商({{allDownCompany}})</span><span ng-show="showBackTicket">&nbsp;丨</span>
          <span class="h5 updateOwn" ng-show="showBackTicket" ng-click="auditBackTicket()">退票审核({{backTicketNum}})</span><span ng-show="showBackMoney">&nbsp;丨</span>
          <span class="h5 updateOwn" ng-show="showBackMoney" ng-click="auditBackMoney()">退款审核({{backMoneyNum}})</span>
        </div>
        <!-- <div class="col-sm-4" style="display: flex;">
          <div style="float:left;width :80px;height: 70px;">
            <img ng-src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/qrcode/shangjiabang.jpg" style="width: 70px; height: 70px;">
          </div>
          <div style="float:left; width: 1px; height:70px; background: #A8A8A8;"></div>
          <div style="float:left; height:70px; padding-left: 10px; padding-top: 4px">
            <span>扫码进入"商加邦"</span><br/>
            <span>消息将通过微信推送</span><br/>
            <span>微信功能持续开放中</span>
          </div>
        </div> -->

        <!-- <div class="col-sm-3">
          <img ng-src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/qrcode/%E9%9A%86%E6%BA%90%E5%85%B4.jpg" style="width: 70px; height: 70px;">
        </div> -->
      </div>
      <div class="line b-b pull-in"></div>
      <div class="row">
        <div class="col-sm-6 col-sm-offset-1">
          <span class="h5">平台余额：
            <span class="h4 red_font">{{balance.balance | currency: '￥'}}</span>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="recharge()">充值服务费</button>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="detail()" style="margin-left: 5px">明细</button>
            <button type="button" class="btn btn-info btn-xs btn-a" ng-click="setBalanceInfo()" style="margin-left: 5px">设置预警</button>
          </span>
        </div>
      </div>
      

    </div>

    <div class="wrapper-md">

      <div class="row">
        <!-- 今日统计数据 -->
        <div class="col-md-5">
          <div class="row row-sm text-center">
            <div class="col-xs-6">
              <div class="panel padder-v item" style="cursor: pointer;">
                <div class="h1 text-info font-thin h1">
                  {{todayNum.all_sell}} <span style="font-size: 16px">件</span>
                </div>
                <span class="text-muted text-xs">今日销量</span>
              </div>
            </div>
            <div class="col-xs-6">
              <a href class="block panel padder-v bg-primary item">
                <span class="text-white font-thin h1 block">
                  {{todayNum.totalmoney | number : 0}} <span style="font-size: 16px">元</span>
                </span>
                <span class="text-muted text-xs">今日交易额</span>
              </a>
            </div>

            <div class="col-xs-6">
              <a href class="block panel padder-v bg-info item">
                <span class="text-white font-thin h1 block">{{todayNum.all_sell - todayNum.othersell}} <span style="font-size: 16px">件</span></span>
                <span class="text-muted text-xs">今日直销</span>
              </a>
            </div>
            <div class="col-xs-6">
              <div class="panel padder-v item" style="cursor: pointer;">
                <div class="font-thin h1">{{todayNum.used}} <span style="font-size: 16px">件</span></div>
                <span class="text-muted text-xs">今日验证</span>
              </div>
            </div>

            <div class="col-xs-6">
              <div class="panel padder-v item" style="cursor: pointer;">
                <div class="h1 text-info font-thin h1">{{todayNum.othersell}} <span style="font-size: 16px">件</span>
                </div>
                <span class="text-muted text-xs">今日分销</span>
              </div>
            </div>
            <div class="col-xs-6">
              <a href class="block panel padder-v bg-primary item" style="background-color: #61a0a8">
                <span class="text-white font-thin h1 block">
                  {{todayNum.profitmoney | number : 0}} <span style="font-size: 16px">元</span>
                </span>
                <span class="text-muted text-xs">今日收益</span>
              </a>
            </div>
          </div>
        </div>

        <!-- 近期销售数据曲线 -->
        <div class="col-md-7">
          <div class="panel wrapper">
            <div class="btn-group pull-right">
              <label class="btn btn-sm btn-info" ng-model="chart1.showData" ng-click="changeChartDay('a7',chart1,'')" btn-radio="'a7'">
                <i class="fa fa-check text-active"></i> 近7日
              </label>
              <label class="btn btn-sm btn-info" ng-model="chart1.showData" ng-click="changeChartDay('a30',chart1,'')" btn-radio="'a30'">
                <i class="fa fa-check text-active"></i> 近30日
              </label>
            </div>
            <h4 class="font-thin m-t-none m-b text-muted">{{chart1.showData=='a7'?'近7日':'近30日'}}销售数据</h4>
            <line linename="chart1.linename" xaxis="chart1.xaxis" setting="chart1.setting" data="chart1.data" style="height:246px"></line>   
          </div>
        </div>
      </div>

      <!-- 近期营收数据曲线 -->
      <div class="panel hbox hbox-auto-xs no-border">
        <div class="col wrapper">
          <div class="btn-group pull-right">
            <label class="btn btn-sm btn-info" ng-model="chart2.showData" ng-click="changeChartDay('a7','',chart2)" btn-radio="'a7'">
              <i class="fa fa-check text-active"></i> 近7日
            </label>
            <label class="btn btn-sm btn-info" ng-model="chart2.showData" ng-click="changeChartDay('a30','',chart2)" btn-radio="'a30'">
              <i class="fa fa-check text-active"></i> 近30日
            </label>
          </div>
          <h4 class="font-thin m-t-none m-b text-primary-lt">{{chart2.showData=='a7'?'近7日':'近30日'}}营收数据</h4>
          <line linename="chart2.linename" xaxis="chart2.xaxis" setting="chart2.setting" data="chart2.data" style="height:246px"></line>   
        </div>
        <!-- <div class="col wrapper-lg w-lg bg-light dk r-r">
          <h4 class="font-thin m-t-none m-b">Reports</h4>
          <div class="">
            <div class="">
              <span class="pull-right text-primary">60%</span>
              <span>Consulting</span>
            </div>
            <progressbar value="60" class="progress-xs m-t-sm bg-white" animate="true" type="primary"></progressbar>
            <div class="">
              <span class="pull-right text-info">35%</span>
              <span>Online tutorials</span>
            </div>
            <progressbar value="35" class="progress-xs m-t-sm bg-white" animate="true" type="info"></progressbar>
            <div class="">
              <span class="pull-right text-warning">25%</span>
              <span>EDU management</span>
            </div>
            <progressbar value="25" class="progress-xs m-t-sm bg-white" animate="true" type="warning"></progressbar>
          </div>
          <p class="text-muted">Dales nisi nec adipiscing elit. Morbi id neque quam. Aliquam sollicitudin venenatis</p>
        </div> -->
      </div>

      <!-- 近7日销量饼图 -->
      <div class="panel wrapper">
        <div class="row">
          <div class="pull-left text-center" style="width: 49%">
            <pie title="piechart1.title" data="piechart1.data" style="height:270px"></pie>   
          </div>
          <div style="float:left; width: 1px; height:270px;">
            <div style=" width: 1px; height:50px; "></div>
            <div style=" width: 1px; height:170px; background: #A8A8A8;"></div>
            <div style=" width: 1px; height:50px; "></div> 
          </div>
         
          <div class="pull-right text-center" style="width: 49%">
            <pie title="piechart2.title" data="piechart2.data" style="height:270px"></pie>   
          </div>
        </div>
      </div>

      <!-- <div class="row">
        <div class="col-md-6">
          <div class="panel no-border">
            <div class="panel-heading wrapper b-b b-light">
              <span class="text-xs text-muted pull-right">
                <i class="fa fa-circle text-primary m-r-xs"></i> 12
                <i class="fa fa-circle text-info m-r-xs m-l-sm"></i> 30
                <i class="fa fa-circle text-warning m-r-xs m-l-sm"></i> 98
              </span>
              <h4 class="font-thin m-t-none m-b-none text-muted">Teammates</h4>              
            </div>
            <ul class="list-group list-group-lg m-b-none">
              <li class="list-group-item">
                <a href class="thumb-sm m-r">
                  <img src="./app/998mstp/img/a1.jpg" class="r r-2x">
                </a>
                <span class="pull-right label bg-primary inline m-t-sm">Admin</span>
                <a href>Damon Parker</a>
              </li>
              <li class="list-group-item">
                <a href class="thumb-sm m-r">
                </a>
                <span class="pull-right label bg-info inline m-t-sm">Member</span>
                <a href>Joe Waston</a>
              </li>
              <li class="list-group-item">
                <a href class="thumb-sm m-r">
                </a>
                <span class="pull-right label bg-warning inline m-t-sm">Editor</span>
                <a href>Jannie Dvis</a>
              </li>
              <li class="list-group-item">
                <a href class="thumb-sm m-r">
                  <img src="./app/998mstp/img/a4.jpg" class="r r-2x">
                </a>
                <span class="pull-right label bg-warning inline m-t-sm">Editor</span>
                <a href>Emma Welson</a>
              </li>
            </ul>
            <div class="panel-footer">
              <span class="pull-right badge badge-bg m-t-xs">32</span>
              <button class="btn btn-primary btn-addon btn-sm"><i class="fa fa-plus"></i>Add Teammate</button>
            </div>
          </div>
        </div>
        <div class="col-md-6">            
          <div class="list-group list-group-lg list-group-sp">
            <a herf class="list-group-item clearfix">
              <span class="pull-left thumb-sm avatar m-r">
                <img src="./app/998mstp/img/a4.jpg" alt="...">
                <i class="on b-white right"></i>
              </span>
              <span class="clear">
                <span>Chris Fox</span>
                <small class="text-muted clear text-ellipsis">What's up, buddy</small>
              </span>
            </a>
            <a herf class="list-group-item clearfix">
              <span class="pull-left thumb-sm avatar m-r">
                <img src="./app/998mstp/img/a5.jpg" alt="...">
                <i class="on b-white right"></i>
              </span>
              <span class="clear">
                <span>Amanda Conlan</span>
                <small class="text-muted clear text-ellipsis">Come online and we need talk about the plans that we have discussed</small>
              </span>
            </a>
            <a herf class="list-group-item clearfix">
              <span class="pull-left thumb-sm avatar m-r">
                <img src="./app/998mstp/img/a6.jpg" alt="...">
                <i class="busy b-white right"></i>
              </span>
              <span class="clear">
                <span>Dan Doorack</span>
                <small class="text-muted clear text-ellipsis">Hey, Some good news</small>
              </span>
            </a>
            <a herf class="list-group-item clearfix">
              <span class="pull-left thumb-sm avatar m-r">
                <img src="./app/998mstp/img/a7.jpg" alt="...">
                <i class="busy b-white right"></i>
              </span>
              <span class="clear">
                <span>Lauren Taylor</span>
                <small class="text-muted clear text-ellipsis">Nice to talk with you.</small>
              </span>
            </a>
            <a herf class="list-group-item clearfix">
              <span class="pull-left thumb-sm avatar m-r">
                <img src="./app/998mstp/img/a8.jpg" alt="...">
                <i class="away b-white right"></i>
              </span>
              <span class="clear">
                <span>Mike Jackson</span>
                <small class="text-muted clear text-ellipsis">This is nice</small>
              </span>
            </a>
          </div>
        </div>
      </div> -->
    </div>
  </div>

  <!-- 右侧消息区 -->
  <div class="col w-lg bg-auto no-border-xs">
    <div class="panel panel-default">
      <div class="panel-heading" style="background-color: #fff; font-size: 16px">
        <i class="icon-speech icon-style" /> 系统公告
        <!-- <span class="pull-right more-notice">更多 >></span> -->
      </div>
      <div class="list-group bg-white" style="min-height:124px;">
        <a href class="list-group-item notice-style" ng-click='getNoticeInfo(item)' ng-repeat="item in notices" ng-show="notices.length">
          <div style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;">
            {{item.title | limitTo: 27}}<span ng-show="item.title.length > 27">...</span>
            <span class="pull-right">{{item.sdate | limitTo: 10}}</span>
          </div>
        </a>
        <span class="list-group-item text-center no_notice" ng-show="!notices.length">无通知消息</span>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" style="background-color: #fff; font-size: 16px">
        <i class="icon-bubbles icon-style" /> 产品上下架通知
        <!-- <span class="pull-right more-notice" ng-click="moreNotices(shelvesChange)">更多 >></span> -->
      </div>
      <div class="list-group bg-white" style="max-height: 310px; min-height:124px;">
        <a href class="list-group-item notice-style" ng-repeat="item in shelvesChange" ng-show="shelvesChange.length">
          {{item.title | limitTo: 12}}<span ng-show="item.title.length > 12">...</span>
          <span class="pull-right" ng-class="{true: 'green_font', false: 'red_font'}[item.info == '上架']">{{item.info}}</span>
        </a>
        <span class="list-group-item text-center no_notice" ng-show="!shelvesChange.length">无通知消息</span>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" style="background-color: #fff; font-size: 16px">
        <i class="fa fa-bullhorn icon-style" /> 价格变动通知
        <!-- <span class="pull-right more-notice" ng-click="moreNotices(priceChange)">更多 >></span> -->
      </div>
      <div class="list-group bg-white" style="max-height: 310px; min-height:124px;">
        <a href class="list-group-item notice-style" ng-repeat="item in priceChange" ng-show="priceChange.length">
          {{item.title | limitTo: 12}}<span ng-show="item.title.length > 12">...</span>
          <span class="pull-right" ng-class="{true: 'green_font', false: 'red_font'}[item.info > 0]">{{item.info}} 元</span>
        </a>
        <span class="list-group-item text-center no_notice" ng-show="!priceChange.length">无通知消息</span>
      </div>
    </div>

  </div>
</div>